<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>line-height--图片垂直居中</title>

    <style>
        
        *{
            margin: 0 auto;
            padding: 0 auto;
        }
        ul,li{
            list-style: none;
        }
        .zxx_ul_image{
            overflow: hidden;
            zoom: 1;
        }
        .zxx_ul_image li{
            float: left;
            width: 150px;
            height: 150px;
            text-align: center;
            line-height: 150px;
            *font-size: 125px;
        }
        .zxx_ul_image li:after{
            content: '';
            vertical-align: middle;
        }
        .zxx_ul_image li img{
            vertical-align: middle;
        }

    </style>

</head>
<body>

    <ul class="zxx_ul_image">
        
        <li><img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" /></li>
        <li><img src="http://image.zhangxinxu.com/image/study/s/s128/mm2.jpg" /></li>
        <li><img src="http://image.zhangxinxu.com/image/study/s/s128/mm3.jpg" /></li>
        <li><img src="http://image.zhangxinxu.com/image/study/s/s128/mm4.jpg" /></li>
        <li><img src="http://image.zhangxinxu.com/image/study/s/s128/mm5.jpg" /></li>
        <li><img src="http://image.zhangxinxu.com/image/study/s/s128/mm6.jpg" /></li>  

    </ul>
    
</body>
</html>